//1. 引入gulp模块
const gulp = require("gulp");
const sass = require("gulp-sass")

// 取一个任务名字
gulp.task('sass', function () {

    // 　  * nested：嵌套缩进的css代码，它是默认值。
    // 　　* expanded：没有缩进的、扩展的css代码。
    // 　　* compact：简洁格式的css代码。
    // 　　* compressed：压缩后的css代码。


    return gulp.src('./src/sass/*.scss')
        .pipe(sass({
            outputStyle: 'compact'
        }).on('error', sass.logError))
        .pipe(gulp.dest('./src/css'));
});
//独立的任务
gulp.task('default', function () {
    return gulp.watch('./src/sass/*.scss', ['sass']);
});